<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>注册</title>
    <!-- 引入bootstrap框架的样式文件 -->
    <link rel="stylesheet" href="../../plugins/bootstrap/css/bootstrap.css" type="text/css">
    <link rel="stylesheet" href="../../css/register/register.css" type="text/css">
</head>

<body>
    <div id="head">
        <div id="logo">
            <div style="float: left;"><img src="../../imgs/index/logo.jpg" width="60px" height="40px"
                    style="opacity: 0.7;border-radius: 80px;margin-top: 6px"></div>
            <div style="float: left;margin: 10px 5px;">
                <span style="font-family: '楷体';font-size:26px">悠 U</span> &nbsp;&nbsp;注册</div>
        </div>
        <div id="phone">
            <select name="area" id="origin">
                <option value="中国">86</option>
                <option value="阿富汗">93</option>
                <option value="爱尔兰">352</option>
                <option value="埃及">20</option>
            </select>

            <input type="text" placeholder="请您输入手机号" id="phoneNumber">
        </div>
        <div id="lcode">
            <input type="text" placeholder="请您输入验证码" id="Code">

            <button type="submit" class="btn btn-success">发送验证码</button>
        </div>
        <input type="text" placeholder="请输入8-16位密码,需要包含字母及数字" id="password">
        <input type="text" placeholder="请再次输入密码" id="repassword">

       <a href="../../index.html"><button type="submit" class="btn btn-success" id="register">同意服务条款并注册</button></a> 

        <div id="agree">
            <input type="checkbox">&nbsp;我已阅读并同意 <span style="font-size: 12px"><a href="#">悠 U服务协议</a>
                <a href="">悠 U会员条款</a>
                <a href="">悠 U免责声明</a> </span>
        </div>
        <div id="intro">
            已有悠U账号,点击<a href="../user/account_login.html">&nbsp;登录</a>

        </div>

    </div>

    <!-- 底部导航 begin -->
    <div class="container-fluid">
        <div class="row">
            <nav class="navbar navbar-inverse fixed-bottom" role="navigation">
                <div class="container-fluid" style="font-size: 13px">
                    <div class="row">
                        <ul class="nav navbar-nav">
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 150px">
                                    <h4>悠&nbsp;U旅行</h4>
                                    <p>悠&nbsp;U是一个新方式的<span style="color: bisque"> "旅行交友"</span> 的网站,<br>
                                        旨在帮助旅行者计划和结伴游玩,<br>
                                        可以提供业余的引路人带给旅行者更好的 <span style="color: bisque"> "游玩体验"</span><br>
                                        提供一定的旅行日记,打造 <span style="color: bisque">"新方式旅行交友"</span><br>
                                    </p>
                                </div>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 180px">
                                    <h4 style="text-align: center">关于我们</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>关于悠 U</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;联系我们</li><br>
                                        <li>服务协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游记协议</li><br>
                                        <li>达人协议</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;隐私政策</li><br>
                                        <li>网络信息侵权通知指引</li><br>
                                        <li>网站地图</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;商业合作</li><br>
                                        <li style="color: bisque">&nbsp;&nbsp;&nbsp;加入我们</li>

                                    </ul>
                            </li>
                            <li>
                                <div style="color: rgb(177, 177, 177);margin-top: 50px;margin-left: 180px">
                                    <h4 style="text-align: center">帮助中心</h4>
                                    <ul class="nav navbar-nav" style="list-style: none;margin-left: 0px">
                                        <li>新手上路</li><br>
                                        <li style="color: bisque">意见反馈</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;常见问题</li><br>
                                        <li style="color: bisque">帮助中心</li>
                                        <li>&nbsp;&nbsp;&nbsp;&nbsp;旅行工具</li><br>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <br><br>
                    <hr>
                    <div style="color: rgb(177, 177, 177);margin-top: 20px;margin-left: 150px;font-size: 12px">
                        <div style="float: left;"><img src="../../imgs/index/logo.jpg" width="60px" height="40px"
                                style="opacity: 0.7;border-radius: 80px;">
                        </div>
                        <div style="float: left;margin: 10px 5px;font-family: '楷体';font-size:18px">悠 U</div>
                        <div style="float: left;;margin-top: 10px;margin-left: 30px">© 2019 悠U
                            版权所有&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;经营许可&nbsp;&nbsp;&nbsp;营业执照</div>
                        <div style="clear: both;margin-left: 130px;margin-bottom: 100px">悠U不是旅行社,也不是代理商,我们只提供一些免费、客观、公正
                            、计费的攻略指南,以及一些业余的引路人
                            对外部网站概不负责</div>

                    </div>
                </div>
                <div
                    style="float: right;width: 40px;height: 50px;margin-right: 10px;background-color: aliceblue;text-align: center">
                    <a href="#top" style="color: rgb(177, 177, 177)"><br>Top&nbsp;↑</a>
                </div>
            </nav>

        </div>
    </div>

    <!-- bootstrap中的js插件依赖于jquery框架,所以必须先引入jquery的js文件 -->
    <script src="../../plugins/jquery/jquery.min.js"></script>
    <!--引入bootstrap的js文件-->
    <script src="../../plugins/bootstrap/js/bootstrap.js"></script>
</body>

</html>